<template>
    <div class="loading" v-show='visible'>
        <div class="loadwarp">
            <img src="../../assets/images/animate/1.gif" alt="">
             <span class="cc">{{jindu}}</span>
        </div>
    </div>
</template>
<script>
export default{
    data(){
       return{
        visible:false,
        jindu:''
       }     
    }
}
</script>
<style scoped>
.cc{
    color:#c6c6c6;
    font-size:0.32rem;
}
.loading{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index:10000000000;
    /* background: rgba(0,0,0,0.7); */
    background:transparent;
    top: 0;
    left: 0;
}
.loadwarp{
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left:50%;
    margin-top:-1.5rem;
    margin-left:-1.5rem;
    text-align: center;
}
.loadwarp>img{
    width:100%;
    height:100%;
    vertical-align:unset;
}
</style>

